<template>
  <a-tabs v-model:activeKey="activeKey">
    <a-tab-pane key="1">
      <template #tab>
        <span>
          <FolderOutlined />
          PDF下载
        </span>
      </template>
      <div class="text-left">
        点击下载作者PDF简历文件：
        <a-button
          download
          href="/冉建熊_java后端开发工程师_2024.pdf"
          type="primary"
          shape="round"
          :size="size"
        >
          <template #icon>
            <DownloadOutlined />
            <HeartOutlined />
          </template>
        </a-button>
      </div>
    </a-tab-pane>
    <a-tab-pane key="2">
      <template #tab>
        <span>
          <FolderOutlined />
          Word下载
        </span>
      </template>
      <div class="text-left">
        点击下载作者Word简历文件：
        <a-button
          download
          href="/冉建熊_java后端开发工程师_2024.docx"
          type="primary"
          shape="round"
          :size="size"
        >
          <template #icon>
            <DownloadOutlined />
            <HeartOutlined />
          </template>
        </a-button>
      </div>
    </a-tab-pane>
  </a-tabs>
</template>

<script setup>
import {
  FolderOutlined,
  DownloadOutlined,
  HeartOutlined,
} from "@ant-design/icons-vue";
import { ref } from "vue";
// import resumePdf from "@/assets/冉建熊_java后端开发工程师_2024.pdf";

const activeKey = ref("1");
const size = ref("small");
</script>

<style scoped>
.card-space {
  width: 700px;
  height: 370px;
}
</style>
